import React from 'react';
import { BrowserRouter,Route,Routes,Link,} from 'react-router-dom';
import Home from './page/home';
import FirstPage from './page/firstPage';
import SecondPage from './page/secondPage';

export default class App extends React.Component{
    render(){
        return <BrowserRouter>
            <h1>APP Page</h1>
            <div><Link to='/home'>to Home</Link></div>
            <div><Link to='/firstPage'>to firstPage</Link></div>
            <div><Link to='/secondPage'>to secondPage</Link></div>
            <div>
                <h1>Page-Content</h1>
                <Routes>
                    <Route exact path="/" element={<Home />} />
                    <Route exact path="/home" element={<Home />} />
                    <Route exact path="/firstPage" element={<FirstPage />} />
                    <Route exact path="/secondPage" element={<SecondPage/>} />
                </Routes>
            </div>
        </BrowserRouter>
    }
}